<template>
  <!-- 山西(首页)-->
  <div class="fluid">
    <el-breadcrumb class="bread" separator-class="el-icon-arrow-right">
      <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/Campus' }">课程服务</el-breadcrumb-item>
      <el-breadcrumb-item :to="{ path: '/loginCourse' }">走进校园</el-breadcrumb-item>
      <el-breadcrumb-item>校内正式课</el-breadcrumb-item>
      <el-breadcrumb-item>山西</el-breadcrumb-item>
      <el-breadcrumb-item>查看更多</el-breadcrumb-item>
    </el-breadcrumb>
    <div class="imags"></div>
    <div class="siz">
      <p class="header0">山西</p>
      <div class="xm"></div>
      <p
        class="header00"
      >2018年12月25日，哈工科教走进了杏花岭东华门小学，并且将软硬件融入到了学校的正式课程中。哈工科教带去的课程有着丰富的内容和无限的乐趣，深深的吸引着每一位同学。在全新的课程当中，同学们认识到了以往没有接触过的软硬件知识。在每次课堂上同学们都保持着无限的热情，积极的动手操作硬件，认真的讨论课上知识。每次的课程都有了属于自己的小作品。</p>
    </div>
    <ul clss="ula">
      <li class="liad" v-for="item in img" :key="item.id">
        <img :src="item.images" alt>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "xiamen",
  data() {
    const img = [
      {
        images:
          "https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/34-img.png"
      },
      {
        images:
          "https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/35-img.png"
      },
      {
        images:
          "https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/36-img.png"
      }
    ];
    return {
      img
    };
  }
};
</script>

<style scoped>
.fluid {
  min-width: 1200px;
  margin: 0 auto;
  margin-top: 235px;
}
.bread {
  margin-bottom: 60px;
}
.imags {
  width: 1200px;
  height: 565px;
  background: no-repeat
    url("https://hterobot-kimage.oss-cn-qingdao.aliyuncs.com/images1/33-img.png");
  margin-bottom: 60px;
}
.siz {
  width: 1200px;
  height: 247px;
  margin: 0 auto;
  margin-bottom: 169px;
}
.header0 {
  text-align: center;
  font-family: "黑体";
  font-size: 30px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 41px;
  letter-spacing: 0px;
  color: #525252;
  margin-bottom: 22px;
}
.header00 {
  font-family: "黑体";
  font-size: 22px;
  letter-spacing: 0px;
  color: #999999;
  text-indent: 39px;
  line-height: 41px;
  margin-bottom: 0;
  text-align: justify;
}
.liad {
  height: 560px;
  background: pink;
  margin-bottom: 100px;
}
.xm {
  width: 20px;
  height: 3px;
  background-color: #08aaff;
  margin: 0 auto;
  margin-bottom: 50px;
}
</style>
